<template>
  <div class="kernel">
    <h3>核心技术</h3>
    <div class="tables">
      <div v-for="item in tabTitle" :key="item.id" class="table-item">
        <img :src="item.imgs" alt="图片" class="table-img" />
        <div>
          <h4>{{ item.title }}</h4>
          <p>{{ item.text }}</p>
        </div>
      </div>
    </div>
  </div>
</template>
    
<script setup>
const tabTitle = [
  {
    id: 1,
    imgs: "https://sjpano.oss-cn-hangzhou.aliyuncs.com/Digital%20twin/tabc.png",
    title: "AI建模算法",
    text: "通过深度神经网络基于2D素材(照片或视频)的3D模型生成机制;公司针对三维建模领域研发了人工智能建模算法，能够实现文生模型、图生模型、多视角3D高斯模型的高精度、高效率构建,能在极短时间内捕捉并处理三维空间信息，实现实时或接近实时的渲染速度。",
  },
  // {
  //   id: 2,
  //   imgs: "https://sjpano.oss-cn-hangzhou.aliyuncs.com/Digital%20twin/taba.png",
  //   title: "AI建模算法",
  //   text: "为数字孪生、元宇宙、影视、游戏等多个应用领域打造了专业三维引擎开发环境，具备强大的渲染能力、流畅的交互体验以及丰富的功能插件;该引擎能够满足不同行业的多样化需求，支持开发者快速构建高质量的三维应用，推动元宇宙数字经济产业的技术创新和产品开发，提升公司在行业内的核心竞争力。",
  // },
  // {
  //   id: 3,
  //   imgs: "https://sjpano.oss-cn-hangzhou.aliyuncs.com/Digital%20twin/tabb.png",
  //   title: "AI建模算法",
  //   text: "根据不同场景的采集需求，设计了空间相机、3D相机、4D相机等个性化的采集设备摄像模组，实现对各类场景数据的精准、全面采集，为后续的建模和应用开发提供高质量的数据支持",
  // },
];
</script>
    
<style scoped>
.kernel {
  background-image: url("https://sjpano.oss-cn-hangzhou.aliyuncs.com/Digital%20twin/bgbb.jpg");
  background-size: 100% 100%;
  height: 450px;
  margin-top: 30px;
}
.kernel > h3 {
  text-align: center;
  color: #2c9bff;
  font-size: 30px;
  line-height: 100px;
}
.tables {
  display: flex;
  justify-content: space-around;
}

.tables img {
  width: 230px;
  height: 230px;
}

.table-item {
  /* text-align: center; */
  /* width: 250px; */
  width: 700px;
  display: flex;
}

.table-item h4 {
  color: #2c9bff;
  /* line-height: 50px; */
  margin-bottom: 25px;
  font-size: 20px;
  text-align: center;
}

.table-item > div{
  width: 450px;
  margin-left: 40px;
}

.table-item > div > p {
  font-size: 15px;
  color: #666;
}
</style>